/*
 * Copyright (c) 2023 Huawei Technologies Co.,Ltd.
 *
 * openInula is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 *
 *          http://license.coscl.org.cn/MulanPSL2
 *
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 */

@import '../components/assets.less';

.app {
  display: flex;
  flex-direction: row;
  height: 100%;
  font-size: @common-font-size;
}

button {
  border: none;
  background: none;
  padding: 0;
}

.left {
  flex: 0 0 var(--horizontal-percentage);
  display: flex;
  flex-direction: column;

  .left-top {
    border-bottom: @divider-style;
    flex: 0 0 @top-height;
    display: flex;
    align-items: center;
    padding-right: 0.4rem;

    .select {
      padding: 0 0.5rem 0 0.8rem;
      flex: 0 0;

      .Picking {
        color: #0088fa;
      }

      .StopPicking {
        color: #5f6673;
      }

      .StopPicking :hover {
        color: #23272f;
      }
    }

    .divider {
      flex: 0 0 1px;
      margin: 0 0.25rem 0 0.25rem;
      border-left: @divider-style;
      height: calc(100% - 1rem);
    }

    .search {
      display: flex;
      flex: 1 1 0;
    }

    .searchResult {
      flex: 0 0;
      padding: 0 0.4rem;
    }

    .searchAction {
      flex: 0 0 1rem;
      height: 1rem;
      color: @arrow-color;
      &:hover {
        color: @hover-color;
      }
    }
  }

  .left-bottom {
    flex: 1;
    height: 0;
  }
}

.resizeBar {
  flex: 0 0 0;
  position: relative;
  resize: horizontal;
  .resizeLine {
    position: absolute;
    left: -2px;
    width: 5px;
    height: 100%;
    cursor: ew-resize;
  }
}

.right {
  flex: 3;
  overflow-x: hidden;
  overflow-y: auto;
  border-left: @divider-style;
}

input {
  outline: none;
  border-width: 0;
  padding: 0;
}
